<html>
    <head>
        <script type="text/javascript" src="lib/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="src/LimeTrigger.js"></script>
        <script type="text/javascript" src="../../DEVELOPER/test.js"></script>
        <!--<script type="text/javascript" src="src/widgets/concepts.js"></script>-->
        <script type="text/javascript">
            var limeTrigger;
            $(document).ready(function(){
                //Trigger
                limeTrigger = new LimeTrigger("playerId");
                limeTrigger.bind('timeupdate',function(e){
                   //console.log(e);
                });
                limeTrigger.bind('click',function(e){
                   console.log(e);
                });
                limeTrigger.bind("my_event",function(e){
                   console.log(e);
                });
            });
        </script>
    </head>
    <body>
        <video width="50%" controls id="playerId" controls>
            <source src='../../DATA/sample.webm' type='video/webm; codecs="vp8.0, vorbis"'/>
            <source src='../../DATA/sample.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
        </video>
        <div id="concepts" style="float:left;width:300px;padding-left:10px;"></div><br>
        <button onclick="limeTrigger.fire('my_event',{name:'my_event',id:1})">Test</button>
        <button onclick="console.log(limeTrigger.getVideoSrc())">get Src</button>
        <button onclick="console.log(limeTrigger.getVideoRegion())">get Region</button>
    </body>
</html>